<div class="section">
  <div class="section_item" *ngFor="let item of showList">
    <div class="avator">
      <img class="avator-img"
        src="{{ item.avator }}"
        onerror="this.src='assets/img/headtrait.png';"
      />
    </div>
    <div class="content">
      <div class="title">
        {{ item.name
        }}<span class="tips" *ngIf="item.team">{{ item.team }}</span>
      </div>
      <div class="department" *ngIf="item.department">
        {{ item.department }}
      </div>
      <div class="performance">{{ item.content }}
        <div class="status" [ngStyle]="{color: item?.status?.color || '#27282e'}">{{ item?.status?.label }}</div>
      </div>
      <div class="time">{{ item.time }}</div>
    </div>
  </div>
  <div class="open" *ngIf="dataList.length > 1">
    <div *ngIf="openFlag; else hideBlock" appDebounceClick (debounceClick)="showHide()">
      <span class="open-text">展开</span>
      <img  class="open-img" src="assets/icon/arrow_icon_circular_Open@3x.png" />
    </div>
    <ng-template #hideBlock>
      <div appDebounceClick (debounceClick)="showHide()">
        <span  class="open-text">收起</span>
        <img  class="open-img" src="assets/icon/arrow_icon_circular_Retract@3x.png" />
      </div>
    </ng-template>
  </div>
</div>
